import styled from "styled-components";
import border from '@/assets/styled/border'

const SearchWarpper=styled.div`
    position: sticky;
    top: .44rem;
    z-index:999;
    height: auto.5rem;
    padding: .1rem .15rem;
    background-color: ${props=>props.outerBg};
    display: flex;
    flex: 1;
    justify-content: space-between;
    .all{
        margin-top: .05rem;
        margin-left: .2rem;
    }
`

const SearchInputWrapper=styled.div`
    width: 100%;
    height: ${props=>props.height};
    display: flex;
    align-items: center;
    background-color: ${props=>props.innerBg};
    color:#ccc;
    padding-left:.2rem;
`

export{
    SearchWarpper,
    SearchInputWrapper
}